<html>
    <head>
        <title>WELCOME TO CIATRUE</title>
        <style type="text/css">

            body{


                background:rgb(69,69,69);

            }
            #container{
                width:900px;
                margin-left: auto ;
                margin-right: auto;
            }

            div.box{
                width:800px;
                height:160px;
                padding: 5px;
                border: 1px rgb(38,40,41);
                margin:10px 50px;
                text-align: center;
                float: left;
                background:rgb(38,40,41);
            }
            div.outset{
                -moz-border-radius: 10px;
                border-radius: 10px;
                -webkit-box-shadow: 6px 6px 10px rgba(0,0,0,20);
                -moz-box-shadow: 6px 6px 10px rgba(0,0,0,.20);
                box-shadow: 6px 6px 10px rgba(0,0,0,20);
            }

            div.elips{
                border-radius: 10px;
                -moz-border-radius: 15px;
                -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,20);
                -moz-box-shadow: 4px 4px 8px rgba(0,0,0,.20);
                box-shadow: 4px 4px 8px rgba(0,0,0,20);
            }

            div.bgUtama{
                width:650px;
                height:auto;
                padding: 5px;
                border: 1px rgb(149,149,149);
                margin:10px 0px;
                float: left;
                background:rgb(149,149,149);
            }

            div .elipUtama{
                border-radius: 10px;
                -moz-border-radius: 10px;
                -webkit-box-shadow: 0px 8px 8px 8px rgba(0,0,10,10);
                -moz-box-shadow: 0px 8px 8px 8px rgba(0,0,10,10);
                box-shadow: 0px 8px 8px 8px rgba(0,0,10,10);
            }

            div.bgSamping{
                width:200px;
                height:auto;
                padding: 5px;
                border: 1px rgb(149,149,149);
                margin:10px 0px;
                text-align: center;
                float: right;
                background:rgb(149,149,149);
            }

            div .bgTengah{
                width:600px;
                height:auto;
                padding: 5px;
                border: 1px rgb(208,208,208);
                margin:30px 20px;
                text-align: inherit;
                float: left;
                background:rgb(208,208,208) center;
                -moz-border-radius: 10px;
                border-radius: 10px;
            }

            p{
                padding:0px;
                text-decoration: inherit;
                margin-left: 20px;
                margin-right: 20px;
                letter-spacing:2px;
                line-height:20px;
                font-family:Arial, Helvetica, sans-serif;
            }

            div .pa{
                padding:0px;
                text-decoration: inherit;
                margin-left: 50px;
                margin-right: 20px;
                
                letter-spacing:2px;
                line-height:20px;
                font-family: helvetica, arial, sans-serif;
            }
            
            div .nm{
                width: 900px;
                text-align: center;
                margin: 30px;
                color: whitesmoke;
                float: left;
                font-family: helvetica, arial, sans-serif;
            }



            ul, li {
                margin: 0;
                padding: 0;
                border-radius:10px;
            }

            #blob {
                background: #0b2b61;
                border-right: 1px solid #0059ec;
                border-left: 1px solid #0059ec;
                position: absolute;
                z-index: 1;
                top: 0;
                 border-radius:10px;
                background: -moz-linear-gradient(top, rgb(149,149,149), rgb(149,149,149));
                background: -webkit-gradient(linear, left top, left bottom, from(rgb(149,149,149)), to(rgb(149,149,149)));
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                -moz-box-shadow: 2px 3px 10px #011331;
                -webkit-box-shadow: 2px 3px 10px #011331;
            }

            #nav {
                 border-radius:10px;
               -moz-border-radius: 10px;
                -webkit-border-radius: 15px;
                -moz-box-shadow: 2px 3px 10px rgb(38,40,41);
                -webkit-box-shadow: 2px 3px 10px rgb(38,40,41);
                margin: -16px 45px;
                background: rgb(38,40,41);
                float: left;
            }

            #nav li {
                 
                float: left;
                list-style: none;
                border-right: 1px solid #4a4a4a;
                border-left: 1px solid black;
            }

            #nav li a {
                 
                color: #e3e3e3;
                z-index: 2;
                position: relative;
                cursor: pointer;
                float: left;
                font-size: 20px;
                font-family: helvetica, arial, sans-serif;
                text-decoration: none;
                padding: 10px 15px;
                width: 100%;

            }

        </style>


    </head>
    <body>